<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<!--头部head-->
<head th:fragment="head">
    <meta charset="UTF-8">
    <title>408票据管理系统</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
<!--    <link rel="stylesheet" th:href="@{/bootstrap4/css/bootstrap.min.css}"/>-->
    <link rel="stylesheet" th:href="@{/bootstrap4/assets/fonts/font-awesome.min.css}"/>
<!--    <link rel="stylesheet" th:href="@{/bootstrap4/assets/toastr/toastr.min.css}"/>-->
    <link rel="stylesheet" th:href="@{/site/css/mysite.css}"/>
    <link href="https://unpkg.com/bootstrap-table@1.16.0/dist/bootstrap-table.min.css" rel="stylesheet">
    <link rel="icon" th:src="@{/static/ico/favicon.ico}">

    <!-- Google Font: Source Sans Pro -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
    <!-- Font Awesome -->
    <link rel="stylesheet" th:href="@{/adminlte/plugins/fontawesome-free/css/all.min.css}">
    <!-- Theme style -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/admin-lte/3.0.5/css/adminlte.min.css">
<!--    <link rel="stylesheet" th:href="@{/adminlte/dist/css/adminlte.min.css}">-->

    <!--  rocket-->
    <link th:href="@{/rocket/css/zzsc.css}" rel="stylesheet" type="text/css" />

</head>

<!--顶部导航栏nav-->
<nav class="main-header navbar navbar-expand navbar-white navbar-light" th:fragment="topNav">
    <!-- Left navbar links -->
    <ul class="navbar-nav">
        <li class="nav-item">
            <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
        </li>
        <li class="nav-item d-none d-sm-inline-block">
            <a href="#" class="nav-link">Home</a>
        </li>


    </ul>


    <!-- Right navbar links -->
    <ul class="navbar-nav ml-auto">

        <!--设置控制 -->
        <li class="nav-item" style="margin-right: 15px;">
            <a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#" role="button">
                <i class="fas fa-globe"></i>
            </a>
        </li>

        <!-- 右边栏头像信息 User Dropdown Menu -->
        <li class="dropdown user user-menu " style="margin-top: 7px;margin-right:30px;">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false" style="text-decoration: none;">
                <img src="https://lyking90.oss-cn-shenzhen.aliyuncs.com/avatar4.png" class="user-image" alt="User Image">
                <span class="hidden-xs text-bold" style="color: lightgrey;margin-right: 30px;" th:text="${username}"></span>
            </a>
            <ul class="dropdown-menu">
                <!-- User image -->
                <li class="user-header bg-gradient-blue">
                    <img src="https://lyking90.oss-cn-shenzhen.aliyuncs.com/avatar4.png" class="img-circle" alt="User Image">

                    <p>
                        法外狂徒<span th:text="${username}"></span>
                        <small>Member since June. 2020</small>
                    </p>
                </li>
                <!-- Menu Body -->

                <!-- Menu Footer-->
                <li class="user-footer">

                    <a href="/forgot" class="btn btn-default btn-flat" style="float:left;" >修改密码</a>

                    <form th:action="@{/mylogout}" method="post">
                        <input th:type="submit" class="btn btn-default btn-flat" style="float:right;" th:value="注销" />
                    </form>
                </li>
            </ul>
        </li>

        <!-- 和风天气-->
        <li class="nav-item" style="margin-right: 15px;">
            <div id="he-plugin-simple"></div>
        </li>


    </ul>
</nav>



<!--common侧边导航栏aside-->
<aside class="main-sidebar sidebar-dark-primary elevation-4" th:fragment="adminAside">
    <!-- Brand Logo -->
    <a href="#" class="brand-link">
        <img src="https://lyking90.oss-cn-shenzhen.aliyuncs.com/smile.png" alt="smile Logo" class="brand-image img-circle elevation-3" style="opacity: .8">
        <span class="brand-text font-weight-light">票据管理系统</span>
    </a>

    <!-- Sidebar -->
    <div class="sidebar">
        <!-- Sidebar user (optional) -->
        <div class="user-panel mt-3 pb-3 mb-3 d-flex">
            <div class="image">
                <img src="https://lyking90.oss-cn-shenzhen.aliyuncs.com/avatar4.png" class="img-circle elevation-2" alt="User Image">
            </div>
            <div class="info">
                <a href="#" class="d-block">法外狂徒<span th:text="${username}"></span></a>
            </div>
        </div>

        <!-- Sidebar Menu -->
        <nav class="mt-2">
            <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
                <!-- Add icons to the links using the .nav-icon class
                     with font-awesome or any other icon font library -->
                <li class="nav-item">
                    <a href="/admin/home" class="nav-link">
                        <i class="nav-icon fas fa-home"></i>
                        <p>
                            主页
                            <!--                <span class="right badge badge-danger">New</span>-->
                        </p>
                    </a>
                </li>
                <li class="nav-item has-treeview">
                    <a href="#" class="nav-link">
                        <i class="nav-icon fas fa-ticket-alt"></i>
                        <p>
                            票据管理
                            <i class="right fas fa-angle-left"></i>
                        </p>
                    </a>
                    <ul class="nav nav-treeview">
                        <li class="nav-item">
                            <a href="/admin/ticketList" class="nav-link">
                                <i class="far fa-circle nav-icon"></i>
                                <p>票据信息一览</p>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="/admin/ticketcheck" class="nav-link">
                                <i class="far fa-circle nav-icon"></i>
                                <p>票据审核</p>
                            </a>
                        </li>

                    </ul>
                </li>


                <li class="nav-item has-treeview">
                    <a href="#" class="nav-link">
                        <i class="nav-icon fas fa-user-alt"></i>
                        <p>
                            用户管理
                            <i class="right fas fa-angle-left"></i>
                        </p>
                    </a>
                    <ul class="nav nav-treeview">
                        <li class="nav-item">
                            <a href="/admin/userList" class="nav-link">
                                <i class="far fa-circle nav-icon"></i>
                                <p>用户列表</p>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="/admin/userauthority" class="nav-link">
                                <i class="far fa-circle nav-icon"></i>
                                <p>权限管理</p>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="/admin/userban" class="nav-link">
                                <i class="far fa-circle nav-icon"></i>
                                <p>封禁名单</p>
                            </a>
                        </li>

                    </ul>
                </li>




            </ul>
        </nav>

        <!-- /.sidebar-menu -->
    </div>
    <!-- /.sidebar -->
</aside>


<!--admin侧边导航栏aside-->
<aside class="main-sidebar sidebar-dark-primary elevation-4" th:fragment="commonAside">
    <!-- Brand Logo -->
    <a href="#" class="brand-link">
        <img src="https://lyking90.oss-cn-shenzhen.aliyuncs.com/smile.png" alt="smile Logo" class="brand-image img-circle elevation-3" style="opacity: .8">
        <span class="brand-text font-weight-light">票据管理系统</span>
    </a>

    <!-- Sidebar -->
    <div class="sidebar">
        <!-- Sidebar user (optional) -->
        <div class="user-panel mt-3 pb-3 mb-3 d-flex">
            <div class="image">
                <img src="https://lyking90.oss-cn-shenzhen.aliyuncs.com/avatar4.png" class="img-circle elevation-2" alt="User Image">
            </div>
            <div class="info">
                <a href="#" class="d-block">法外狂徒<span th:text="${username}"></span></a>
            </div>
        </div>

        <!-- Sidebar Menu -->
        <nav class="mt-2">
            <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
                <!-- Add icons to the links using the .nav-icon class
                     with font-awesome or any other icon font library -->
                <li class="nav-item">
                    <a href="/common/home" class="nav-link">
                        <i class="nav-icon fas fa-home"></i>
                        <p>
                            主页
                            <!--                <span class="right badge badge-danger">New</span>-->
                        </p>
                    </a>
                </li>

                <li class="nav-item has-treeview">
                    <a href="#" class="nav-link">
                        <i class="nav-icon fas fa-ticket-alt"></i>
                        <p>
                            票据管理
                            <i class="right fas fa-angle-left"></i>
                        </p>
                    </a>
                    <ul class="nav nav-treeview">
                        <li class="nav-item">
                            <a href="/common/myList" class="nav-link">
                                <i class="far fa-circle nav-icon"></i>
                                <p>我的票据</p>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="/common/addTicket" class="nav-link">
                                <i class="far fa-circle nav-icon"></i>
                                <p>添加票据</p>
                            </a>
                        </li>


                    </ul>
                </li>





            </ul>
        </nav>

        <!-- /.sidebar-menu -->
    </div>
    <!-- /.sidebar -->
</aside>


<!--页脚footer-->
<footer class="main-footer"  th:fragment="footer">
    <div class="float-right d-none d-sm-block">
        <b>Version</b> 1.0.0
    </div>
    <strong>Copyright &copy; 2020-2021 <a href="home.html">408</a>.</strong> All rights reserved.

    <!--    rocket-->
    <script th:src="@{/rocket/js/jquery.js?v=1.83.min}"></script>
    <script th:src="@{/rocket/js/zzsc.js}"></script>

<!--    <script th:src="@{/bootstrap4/js/jquery-3.3.1.min.js}"></script>-->
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>

    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>

    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<!--    <script th:src="@{/bootstrap4/js/bootstrap.min.js}"></script>-->

    <!--    <script th:src="@{/bootstrap4/js/bootstrap.bundle.min.js}"></script>-->
<!--    <script th:src="@{/bootstrap4/assets/toastr/toastr.min.js}"></script>-->
<!--    <script th:src="@{/bootstrap4/assets/metismenu/metisMenu.js}"></script>-->
    <script th:src="@{/site/js/utils.js}"></script>
    <!--    引入bootstrap table的js文件-->
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script src="https://widget.heweather.net/simple/static/js/he-simple-common.js?v=1.1"></script>

    <!-- jQuery -->
    <script th:src="@{/adminlte/plugins/jquery/jquery.min.js}"></script>
    <!-- Bootstrap 4 -->
    <script th:href="@{/adminlte/plugins/bootstrap/js/bootstrap.bundle.min.js}"></script>
    <!-- AdminLTE App -->
    <script th:src="@{/adminlte/dist/js/adminlte.min.js}"></script>
    <!-- AdminLTE for demo purposes -->
    <script th:src="@{/adminlte/dist/js/demo.js}"></script>
    <!--    bootstrap4-table-->
    <script th:src="@{/bootstrap4/assets/bootstrap-table-1.16/bootstrap-table.min.js}"></script>
    <script th:src="@{/bootstrap4/assets/bootstrap-table-1.16/bootstrap-table-zh-CN.min.js}"></script>
    <!--和风天气api-->
    <script>
        WIDGET = {
            CONFIG: {
                "modules": "01234",
                "background": 1,
                "tmpColor": "FFFFFF",
                "tmpSize": 16,
                "cityColor": "FFFFFF",
                "citySize": 16,
                "aqiSize": 16,
                "weatherIconSize": 24,
                "alertIconSize": 18,
                "padding": "10px 10px 10px 10px",
                "shadow": "1",
                "language": "auto",
                "borderRadius": 5,
                "fixed": "false",
                "vertical": "middle",
                "horizontal": "center",
                "key": "2f5c1f916cf7427fa26b5d3c1d77cee5"
            }
        }
    </script>
</footer>


</body>
</html>
